
export default {
    data: {
        listData: ['1', '2', '3', '4', '5'],
        contextList:[]
    },
    onLoad($item) {
        var id = "XC-ID-" + $item;
        console.log("Kee onLoad id = " + id);
        var xcomponent = this.$element(id);
        this.contextList[id] = xcomponent.getXComponentContext();
    },
    onDestroy($item) {
        var id = "XC-ID-" + $item;
        console.log("Kee onDestroy id = " + id);
    },
    changeColor($item) {
        var id = "XC-ID-" + $item;
        this.contextList[id].changeColor();
    },
    changeShape($item) {
        var id = "XC-ID-" + $item;
        this.contextList[id].changeShape();
    },
    changeSize($item) {
        var id = "XC-ID-" + $item;
        var xcomponent = this.$element(id);
        xcomponent.setXComponentSurfaceSize({surfaceHeight:600, surfaceWidth:600})
        console.info('Kee changeSize id = ' + id);
    },
}
